.mobile * { 
  touch-action: pan-y; 
} 

.mobile div#saveNotify { 
  top: 15px; 
  right: 15px;
}

.mobile div#header { 
  padding-top: 15px;
}

.mobile div#wrapper { 
  width: 100%;
  padding: 0 15px 35px 15px;
  box-sizing: border-box;
}

.mobile div#content { 
  height: calc(80vh - 35px);
}

.mobile div#outerSlider,
.mobile div#outerSlider > div { 
  height: 100%;
  width: 100%;
}

.mobile div#notifications {
  position: relative;
  height: 20vh;
  width: auto;
  top: 0;
}

.mobile div#locationSlider { 
  width: 100%;
  height: calc(100% - 60px);
}

.mobile div#storesContainer { 
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 15px;
}

.mobile div#stores,
.mobile div#weapons { 
  width: auto;
}

.mobile div#buildBtns,
.mobile div#craftBtns,
.mobile div#buyBtns { 
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.mobile div#buildBtns::before,
.mobile div#craftBtns::before, 
.mobile div#buyBtns:before { 
  display: none;
}

.mobile div.location { 
  width: 100%;
  float: none;
  padding: 15px 0;
}

.mobile div#village { 
  position: relative;
  top: 0;
  left: 0;
  width: auto;
}

.mobile div#workers {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  padding: 15px 30px 15px 15px;
}

.mobile div#pathPanel {
  padding-top: 15px;
}

.mobile div#perks {
  position: relative;
  width: auto;
}

.mobile div#outfitting {
  margin-top: 20px;
}

.mobile .menu {
  width: 100%;
  bottom: 10px;
  text-align: center;
  right: 0;
}

.mobile .menu span {
  float: inherit;
}

.mobile .eventPanel {
  width: 70%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 30px;
}

.mobile .eventPanel::before { 
  display: none;
}

.mobile .eventPanel .eventTitle {
  font-size: 24px;
  top: -12px;
}

.mobile .eventPanel #description {
  font-size: 16px;
}

.mobile .eventPanel .button {
  font-size: 16px;
}
